@charset "utf-8";
/* CSS Document */


/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:24px;font-family:Arial,"微软雅黑";-webkit-text-size-adjust:none; width:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10,.hr_20{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;} hr_20{height:20px;}




/*首页*/
.head{ background-color:#000; width:100%; height:100px;}
.head box{ width:1200px; margin:0 auto; overflow:hidden;}
.logo{ width:500px; float:left; margin-top:25px;}
.nav{ margin-top:40px;}
.nav ul{ width:700px; float:left;}
.nav li{ float:left; width:100px;}
.nav li a{ color:#FFF; font-size:16px; text-decoration:none;}
.banner{ margin-bottom:30px; width: 100%; height: 633px; position: relative; overflow: hidden;} 
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide img { width: 100%; object-fit: cover;}
.box{ width:1200px; margin:0 auto; overflow:hidden;}
.about{ width:1200px; margin:0 auto; overflow:hidden;}
.about .title{ width:1200px; font-size:30px; text-align:center; color:#17c9ff; margin-top:20px; margin-bottom:20px;}
.about .futitle{ font-size:16px; text-align:center; color:#17c9ff; margin-bottom:30px;}
.about .text{ font-size:14px;}
.more{ width:180px; height:42px; border-radius:30px; border:#17caff 1px solid; line-height:42px; text-align:center; font-size:18px; color:#17caff; margin:0 auto; overflow:hidden;}
.more a{ color:#17caff; text-decoration:none;}
.choose{ background:url(../image/index_02.jpg); width:100%; height:555px; padding-top:110px;}
.choose .title{ width:1200px; font-size:25px; text-align:center; color:#ff0; margin-top:40px; margin-bottom:20px; text-align:center; margin:0 auto; overflow:hidden;}
.choose .futitle{ width:1200px; margin:0 auto; overflow:hidden; font-size:16px; margin-top:20px; text-align:center;}
.youshi{ width:1200px; overflow:hidden; margin:0 auto; margin-top:110px;}
.youshi li{ width:300px; float:left;}
.youshi .xuhao{ text-align:center; width:147px; height:147px; margin:0 auto; overflow:hidden; margin-left:76px; margin-bottom:40px;}
.youshi .text{ text-align:center; font-size:16px; line-height:36px;}
.product{ width:1200px; margin:0 auto; overflow:hidden;}
.product .title{ width:1200px; font-size:30px; text-align:center; color:#17c9ff; margin-top:20px; margin-bottom:20px;}
.product .futitle{ font-size:16px; text-align:center; color:#666; margin-bottom:30px;}
.product .list{ width:1200px; margin:0 auto; overflow:hidden; display:flex; flex-direction:row;justify-content:center;align-items:center;}
.product .list ul {display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:flex-start;
	flex-wrap:wrap;}
.product .list li{ width:173px; height:45px; margin-bottom: 30px; border-radius:30px; border:#17caff 1px solid; font-size:18px; color:#17caff; text-align:center; line-height:45px; float:left; margin-right:20px; margin-left:20px;}
.product .list li a{  color:#17caff; text-decoration:none;}
.product .list li a:hover{ background-color:#17caff; color:#FFF; display:block; border-radius:30px; } 
.product .list li .hover { background-color:#17caff; color:#FFF; display:block; border-radius:30px; }
.product .show{ margin-top:30px;}
.product .show li{ float:left; width:370px; height:calc(278px + 36px); margin-left:15px; margin-right:15px; margin-bottom:0px;}
.product .show li .img { height:278px; overflow:hidden}
.product .show li .img a img { width:100%; height:278px; object-fit:cover;}
.show .text{ width:370px; text-align:center; line-height:36px; font-size:16px;}

.case{ width:100%; margin:0 auto; overflow:hidden; background:url(../image/index_08.jpg); height:1100px;}
.case .box{ width:1200px;margin:0 auto; overflow:hidden; padding-top:120px;}
.case .title{ width:1200px; font-size:30px; text-align:center; color:#ff0; margin-top:20px; margin-bottom:20px;}
.case .futitle{ font-size:16px; text-align:center; color:#fff; margin-bottom:30px;}
.case .list{ width:1200px; margin:0 auto;  overflow:hidden; display:flex; flex-direction:row;justify-content:center;align-items:center;}
.case .list li{ width:173px; height:45px; border-radius:30px; border:#fff 1px solid; font-size:18px; color:#fff; text-align:center; line-height:45px; float:left; margin-right:20px; margin-left:20px;}
.case .list li a{  color:#fff; text-decoration:none;}
.case .list li a:hover{ background-color:#fff; color:#17cbff; display:block; border-radius:30px;} 
.case .show{ margin-top:30px;}
.case .show li{ float:left; width:370px; height:278px; margin-left:15px; margin-right:15px; margin-bottom:30px;}
.case .more{ width:180px; height:42px; border-radius:30px; border:#fff 1px solid; line-height:42px; text-align:center; font-size:18px; color:#17caff; margin:0 auto; overflow:hidden;}
.case .more a{ color:#ff0; text-decoration:none;}

.contact{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.contact .con_left{ width:520px; float:left; overflow:hidden; margin-right:80px}
.contact .title{ width:1200px; font-size:30px; text-align:center; color:#17c9ff; margin-top:20px; margin-bottom:20px;}
.contact .futitle{ font-size:16px; text-align:center; color:#666; margin-bottom:30px;}
.contact .text{ float:left; width:100%; color:#888; font-size:18px; line-height:48px;}
.contact .online{ float:left; width:600px; overflow:hidden}
.online .title1{ font-size:24px; color:#666;}


.foot{ width:100%; height:270px; background-color:#6a6a6a; margin-top:70px;}
.foot .box{ width:1200px; background:url(../image/index_12.jpg); margin:0 auto; overflow:hidden; height:270px;}
.foot .box .tel{ float:left; width:400px;}
.foot .box .nav{ width:360px; float:left; font-size:14px; color:#FFF; line-height:36px; margin-left:40px; margin-top:70px;}
.foot .box .nav .nav_title { font-size:16px; width:100%; line-height:35px;}
.foot .box .nav .nav_ul { width:100%; height:auto; max-height:120px; margin-top:20px; overflow:hidden}
.foot .box .nav .nav_ul ul { width:330px}
.foot .box .nav .nav_ul li { width:86px;  float:left; margin-right:30px }
.foot .box .nav .nav_ul li a {font-size:14px; width:100%; height:100%; display:block; position:relative}
.foot .box .nav .nav_ul li a:before { content:''; width:1px; height:15px; background:#FFF; position:absolute; right:0; top:10px;}
.foot .box .nav .nav_ul li:nth-child(3) a:before { display:none;} 
.foot .box .nav .nav_ul li:nth-child(3){ margin-right:0px;}
.foot .box .nav .nav_ul li:nth-child(6) a:before { display:none;} 
.foot .box .nav .nav_ul li:nth-child(6){ margin-right:0px;}

.box .erweima{ margin:0px;display:flex;
flex-direction:row;
justify-content:center;
align-items:center;}
.erweima img{ margin-top:80px; margin-right:20px;}



/*新闻列表页*/
.new{ margin-top:30px;}
.new li{ float:left; margin-bottom:30px;}
.new .date{ width:120px; height:85px; border-radius:30px; background-color:#17c9ff; float:left; margin-right:40px; text-align:center;  color:#FFF; padding-top:35px;}
.new .right{ float:left; width:1030px;}
.right .title{ font-size:18px; text-align:left; color:#004bd2; font-weight:bold;}
.right .text{ font-size:14px;}


.pages ul { width: 1200px; height: 80px; margin: 0 auto 100px auto; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.pages ul li {
	height:38px; line-height:38px;
	border: 1px solid #CCCCCC; padding:0 1.2em 0 1.2em;
	white-space:nowrap; margin-right:1em;-webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s
}
.pages ul li a {
	color:#000;
	display:block; padding:0 1.2em 0 1.2em
}
.pages ul li:hover {
	background:#17caff;
	border:1px solid #17caff; color:#FFF
}
.pages ul li a:hover {
	color:#FFF;
	background:#17caff
}
/* .page_zong {} */
#page_on {
	background:#17caff;border:1px solid #17caff;
	color: #fff
}
.page_a{ padding:0!important; display:inline !important}
.page_a a:hover{background:#17caff;color: #fff}